<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021-10-20
  Time: 20:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>房东申请页面</title>
    <link href="../css/house_owner/House3.css" rel="stylesheet">
    <link href="../css/house_owner/House2.css" rel="stylesheet">
    <link href="../css/house_owner/House5.css" rel="stylesheet">
</head>
<body class="background_first">
<div class="nav">
    <div class="head-logo">
        <a href=""></a>
    </div>
    <div class="head-nav">
        <ul>
            <li><a href="${pageContext.request.contextPath}/index" class="first-item">首页</a> </li>
            <li><a href="">手机端</a> </li>
            <c:if test="${empty loginCustomer}">
                <li><a href="${pageContext.request.contextPath}/users/login.jsp">成为房东</a> </li>
            </c:if>
            <c:if test="${!empty loginCustomer}">
                <li><a href="${pageContext.request.contextPath}/house_owner/houseadd.jsp">成为房东</a> </li>
            </c:if>
            <c:if test="${empty loginCustomer}">
                <li><a href="${pageContext.request.contextPath}/users/login.jsp">房源订单中心</a> </li>
            </c:if>
            <c:if test="${!empty loginCustomer}">
                <li><a href="${pageContext.request.contextPath}/index/order">房源订单中心</a> </li>
            </c:if>
            <c:if test="${empty loginCustomer}">
                <li><a href="${pageContext.request.contextPath}/users/login.jsp">个人中心</a> </li>
            </c:if>
            <c:if test="${!empty loginCustomer}">
                <li><a href="${pageContext.request.contextPath}/index/personalCenter">个人中心</a> </li>
            </c:if>
            <li><a href="">帮助</a> </li>
        </ul>
    </div>
    <div class="head-login">
    <c:if test="${empty loginCustomer}">
        <a href="${pageContext.request.contextPath}/users/login.jsp">
            <img class="login-logo" src="${pageContext.request.contextPath}/image/login-logo.svg"/>
            <span class="login-title">登录</span>
        </a>
        <a href="">
            <img class="regist-logo" src="${pageContext.request.contextPath}/image/regist-logo.svg" >
            <span class="login-title">注册</span>
        </a>
    </c:if>
        <c:if test="${!empty loginCustomer}">
            欢迎${loginCustomer.cusNickname}登录，<a href="${pageContext.request.contextPath}/logout">退出</a>
        </c:if>
</div>
</div>

<span style="color: red; font-size: 8px">${addMessage}</span>

<!--警告标题-->
<div class="cart-filter-bar">
    <div class="switch-cart">
        <span class="cart-title">请勿发布公租房、廉租房、共有产权房、群租房等，禁止公开出租租房源，已经发现，立即下架处理。</span>
    </div>
</div>


<form action="${pageContext.request.contextPath}/houseadd" method="post" >


<div class="el_house">
    <div class="el_house_first">
        <h2 class="el_house_information">
            您的房源类型是什么？
        </h2>
    </div>

            <input type="text" readonly="readonly" autocomplete="off" placeholder="  填写您的房源类型 " >
                    <div class="rentItem_three_square">
                        <label>房源类型:</label>
                        <select class="el_house_specific" name="roomType">
                            <option class="el_house_specific_big">小区住宅</option>
                            <option class="el_house_specific_big">酒店式公寓</option>
                            <option class="el_house_specific_big">普通公寓</option>
                            <option class="el_house_specific_big">自建住宅</option>
                            <option class="el_house_specific_big">客栈别墅</option>
                        </select>
                    </div>
            </input>


    <div class="el_house_first">
        <h2 class="el_house_information">
            您的房源名字是什么？
        </h2>
    </div>

            <input type="text" readonly="readonly" autocomplete="off" placeholder="  填写您的房源名字 " >
                    <div class="rentItem_three_square">
                        <div class="el_form_item">
                            <label class="el_form_item_label">
                            <font style="vertical-align: inherit;">
                                房源名字：(吸引房客)
                            </font>
                            </label>

                            <div class="el_form_item_content" style="margin-left: 150px;">
                                <div class="el_input">
                                    <input type="text" name="hotelName" autocomplete="off" maxlength="20" placeholder="请输入房源名字" class="el_input_inner">
                                </div>
                            </div>
                        </div>
                    </div>
            </input>



    <div class="el_house_first">
        <h2 class="el_house_information">
            您的房源地址在哪儿？
        </h2>
    </div>
    <!--------房源地址-------->
    <div class="pro-list">

                <!--类型头部-->
                <div class="Rental-type">
                    <p>
                        房源地址/填写您的房源地址
                    </p>

                </div>

                <div class="rentWrapper">

                    <div class="rentItem">
                        <input type="text" readonly="readonly" autocomplete="off" placeholder="省---市---区---街道门牌号" ></input>

                                <div class="rentItem_square">
                                    <label>所在省份</label>
                                    <select class="city" name="hotelProvince">
                                        <option>江苏省</option>
                                        <option>无</option>
                                        <option>无</option>
                                        <option>无</option>
                                    </select>
                                </div>

                                <div class="rentItem_square">
                                    <label>所在城市</label>
                                    <select class="city" name="hotelCity">
                                        <option>苏州市</option>
                                        <option>无</option>
                                        <option>无</option>
                                        <option>无</option>
                                    </select>
                                </div>

                                <div class="rentItem_square">
                                    <label>所在园区</label>
                                    <select class="receive_address" name="hotelArea">

                                    </select>
                                </div>

                                <div class="el_form_item">
                                    <label class="el_form_item_label">
                                    <font style="vertical-align: inherit;">
                                        具体地址：(省市区可省略)
                                    </font>
                                    </label>

                                    <div class="el_form_item_content" style="margin-left: 150px;">
                                        <div class="el_input">
                                            <input type="text" name="hotelAddress" autocomplete="off" maxlength="20" placeholder="请输入具体地址" class="el_input_inner">
                                        </div>
                                    </div>
                                </div>
                    </div>
                </div>
    </div>


    <div class="el_house_first">
        <h2 class="el_house_information">
            日租价格：
        </h2>
    </div>
    <div class="el_form_item">
        <label class="el_form_item_label">
        <font style="vertical-align: inherit;">
            价格:（元/每晚）
        </font>
        </label>

        <div class="el_form_item_content" style="margin-left: 150px;">
            <div class="el_input">
                <input type="text" name="hotelPrice" autocomplete="off" maxlength="6" placeholder="请输入日租金额" class="el_input_inner">
            </div>
        </div>
    </div>






    <div class="el_house_first">
        <h2 class="el_house_information">
            房屋户型：
        </h2>
    </div>

    <div class="el-select">
        <div class="rentItem_three">
            <input type="text" readonly="readonly" autocomplete="off" placeholder="  填写您的房屋具体信息 " >
                    <div class="rentItem_three_square">
                        <label>房屋户型:</label>
                        <select class="el_house_specific" name="hotelType">
                            <option class="el_house_specific_big">1室</option>
                            <option class="el_house_specific_big">2室</option>
                            <option class="el_house_specific_big">3室</option>
                            <option class="el_house_specific_big">4室</option>
                            <option class="el_house_specific_big">5室</option>
                            <option class="el_house_specific_big">6室</option>
                        </select>
                    </div>


                    <div class="rentItem_three_square">
                        <label>出行类型:</label>
                        <select class="el_house_specific" name="hotelTopic">
                            <option class="el_house_specific_big">商务出行</option>
                            <option class="el_house_specific_big"></option>
                            <option class="el_house_specific_big"></option>
                            <option class="el_house_specific_big"></option>
                            <option class="el_house_specific_big"></option>
                            <option class="el_house_specific_big"></option>
                        </select>
                    </div>





                    <div class="leftItem">
                        <div class="section-title">
                            <h2>
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">房源标题</font>
                                </font>
                            </h2>

                        </div>
                        <p class="t2">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">精炼的介绍特点和优势，让房客在第一时间对你的房源感兴趣</font>
                            </font>
                        </p>

                        <div class="el-form-item_content" style="margin-left: 0px;">
                            <div class="firstText">
                                <textarea autocomplete="off" placeholder="请填写" maxlength="100" rows="5" class="el_textarea_inner" ></textarea>

                            </div>
                        </div>
                    </div>

                    <div class="rightItem">
                        <p class="rightItem_first">
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    格式建议：地标+出租类型+房间形容词例如：国双井10号线地铁阳光充沛的大床房整租。
                                </font>

                            </font>
                        </p>

                        <p class="rightItem_second" >
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    1、请不要发布联系方式
                                </font>
                            </font>
                        </p>

                        <p class="rightItem_third" >
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    2、请不要使用使馆、店、招待所、浴池、定时休息、英租、法租、旅界等词汇
                                </font>
                            </font>
                        </p>
                    </div>
            </input>



        </div>
    </div>
    房屋所属房东id:<input type="text" name="housewonId" /> <br>

</div>





<div class="fix-bottom">
    <div class="bottomWrapper">
        <div class="back-to-top">
            <div id="goTop">
                <font style="vertical-align: inherit;">
                    回到顶部
                </font>
            </div>
        </div>

        <div class="save-back">
            <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存返回列表</font>
                      </font>
                  </span>
            </button>
        </div>

        <div class="save">
            <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存并继续</font>
                      </font>
                  </span>
            </button>
        </div>

        <div class="save">
            <button type="submit" class="el-button">
                  <span>
                          <font style="vertical-align: inherit;">发布</font>
                  </span>
            </button>
        </div>
    </div>

</div>


</form>

<div  class="foot-lianjie" >
    <div>
        <a href="https://www.baidu.com/?tn=40020637_9_oem_dg" class="test-foot-lianjie">
            友情链接：百度（baidu）
        </a>
    </div>

</div>

<script src="../js/js_02_House2.js"></script>

<script>
    //以下内容是设置小方块点击后回到顶部的效果
    goTop.onclick = function(){
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }
</script>

</body>
</html>
